<div id="map-canvas"  style="text-align: center; margin: 0 auto;"></div>

</br>
<div class="form-horizontal col-md-12" style="padding-left: 0px">
<div class="col-md-6" style="padding-left: 0px" >
<div class="row form-group">
  		<label for="inputEmail3" class="col-md-2 control-label text-primary right">Lon :</label>
  		<div class="col-md-8">
			<input id="lon" class="form-control" placeholder="47.35398"/>
		</div>
</div>
<div class="row form-group">
  		<label for="inputEmail3" class="col-md-2 control-label text-primary right">Lat :</label>
  		<div class="col-md-8">
			<input id="lat" class="form-control" placeholder="8.43809"/>
		</div>
</div>

<div class="row form-group">
  		<label for="inputEmail3" class="col-md-2 control-label text-primary right">Makers :</label>
		<div class="col-md-8">
  			<select id="selectMarkers" class="col-md-12 full-width-fix" style="padding-left: 0px;padding-right: 0px;">
				<option value=""></option>
			</select>
		</div>													
</div>

<div class="row form-group">
  		<label for="inputEmail3" class="col-md-2 control-label text-primary right">Marker Id :</label>
  		<div class="col-md-8">
			<input id="boiler_id" class="form-control" placeholder="" readonly/>
		</div>
</div>

<div class="form-group">
  		<label for="inputEmail3" class="col-md-2 control-label text-primary right">Icon Type :</label>
		<div class="col-md-8">
  			<select id="selectIcons" class="col-md-12 full-width-fix" style="padding-left: 0px;padding-right: 0px;">
				<option value="resources/img/boiler_33px.png">Boiler Normal</option>
				<option value="resources/img/boiler alert.gif">Boiler Alarm</option>
				<option value="resources/img/icon_new.gif">IconNew Dynamic</option>
				<option value="resources/img/home_blue.png">Home Blue</option>
			</select>
		</div>													
</div>

<div class="form-group">
  		<label for="inputEmail3" class="col-md-2 control-label text-primary right">Map size :</label>
		<div class="col-md-8">
  			<select id="selectMapsSize" class="col-md-12 full-width-fix" style="padding-left: 0px;padding-right: 0px;">
				<option value="-1">Change size map</option>
				<option value="1024px,550px">1024 x 550</option>
				<option value="512px,512px">512 x 512</option>
				<option value="100%,512px"> MAX x 512</option>
			</select>
		</div>													
</div>

</div>

<!-- <div class="col-md-6" > -->
<!-- 	<div class="panel panel-info"> -->
<!-- 		<div class="panel-heading"><span class="glyphicon glyphicon-map-marker"></span> List Location</div> -->
<!--   		<div class="panel-body"> -->
<!-- 		{{ _.each(locationData ,function(location, key, list) { }} -->
<!-- 			<div class="row col-md-12"> -->
<!-- 				<div class="col-md-6"><span class="btn-info"></span><span class="btn-info">{{=location.locationName}}</span></div> -->
<!-- 				<div class="col-md-6"><a name="btnAddLocation" href="javascript:;" locationData="{{=location.locationData}}"> <span class="glyphicon glyphicon-edit"></span> Add Location</a></div> -->
<!-- 			</div> -->
<!-- 		{{ }) }} -->

<!--   		</div> -->
<!--   		<div class="panel-footer"></div> -->
<!-- 	</div> -->
<!-- </div> -->

</div>


<div class="row">
  	<div class="form-group col-md-6 col-md-offset-1 ">
		<Button id="btn-add" class="btn btn-primary btn-sm"><span class="glyphicon glyphicon-map-marker"></span> Add Location</Button>
<!-- 		<Button id="btn-delete" class="btn btn-danger btn-sm"><span class="glyphicon glyphicon-map-marker"></span> Delete Location</Button> -->
<!-- 		<Button id="btn-change-icon" class="btn btn-success btn-sm"><span class="glyphicon glyphicon-random"></span> Change Icon Marker</Button> -->
<!-- 		<Button id="btn-reset-marker" class="btn btn-info btn-sm"><span class="glyphicon glyphicon-map-marker"></span> Reset Marker</Button> -->
<!-- 		<Button id="btn-Cancel" class="btn btn-info btn-sm"><span class="glyphicon glyphicon-retweet"></span> Reload</Button> -->
	</div>
</div>
<div class="row">
  	<div class="form-group col-md-6 col-md-offset-1 ">
<!-- 		<Button id="btn-draw-line" class="btn btn-primary btn-sm"><span class="glyphicon glyphicon-pencil"></span> Draw Line</Button> -->
	</div>
</div>